<template>
  <div>
    <div class="broadcast-detail">
      <div class="title">{{info.title}}</div>
      <div class="desc">发布时间：{{info.add_time}}</div>
      <div class="content" v-html="info.content"></div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'BroadCastDetail',
    data () {
      return {
        info: {},
        showQrcode: false,
        ifFixed: false,
        ifShare: false
      }
    },
    methods: {
      getInfo () {
        let params = {id: this.$route.params.id}
        this.$post('/vue/broadcast/detail', params).then(data => {
          this.info = data
          window.document.title = this.info.title + ' - 权益播报'
        })
      }
    },
    mounted () {
      this.getInfo()
    }
  }
</script>

<style lang="less">
  @c-124: rgb(124, 124, 124);
  @c-169: rgb(169, 169, 169);
  @c-226: rgb(226, 226, 226);
  @c-235: rgb(235, 235, 235);
  @c-246: rgb(246, 246, 246);
  @c-red: rgb(217, 117, 99);
  @c-blue: rgb(108, 184, 222);

  .broadcast-detail {
    min-height: calc(~'100vh - 24px');
    overflow-x: hidden;
    overflow-y: scroll;
    background: #FFF;
    padding: 12px;
    text-align: left;
    .title {
      font-size: 13px;
      line-height: 24px;
      font-weight: bold;
      color: @c-124;
      margin-bottom: 8px;
    }
    .desc {
      font-size: 12px;
      line-height: 20px;
      color: @c-169;
      margin-bottom: 8px;
    }
    .content {
      margin-top: 8px;
      font-size: 12px;
      line-height: 24px;
      color: @c-124;
    }
  }
</style>
